<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="/public/css/general.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="/public/js/jquery.min.js"></script>

<style type="text/css">
body {
  background: #80BDCB;
}
#tabbar-div {
  background: #278296;
  padding-left: 10px;
  height: 21px;
  padding-top: 0px;
}
#tabbar-div p {
  margin: 1px 0 0 0;
}
.tab-front {
  background: #80BDCB;
  line-height: 20px;
  font-weight: bold;
  padding: 4px 15px 4px 18px;
  border-right: 2px solid #335b64;
  cursor: hand;
  cursor: pointer;
}
.tab-back {
  color: #F4FAFB;
  line-height: 20px;
  padding: 4px 15px 4px 18px;
  cursor: hand;
  cursor: pointer;
}
.tab-hover {
  color: #F4FAFB;
  line-height: 20px;
  padding: 4px 15px 4px 18px;
  cursor: hand;
  cursor: pointer;
  background: #2F9DB5;
}
#top-div
{
  padding: 3px 0 2px;
  background: #BBDDE5;
  margin: 5px;
  text-align: center;
}
#main-div {
  border: 1px solid #345C65;
  padding: 5px;
  margin: 5px;
  background: #FFF;
}
#menu-list {
  padding: 0;
  margin: 0;
}
#menu-list ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  color: #335B64;
}
#menu-list li {
  padding-left: 16px;
  line-height: 16px;
  cursor: hand;
  cursor: pointer;
}
#main-div a:visited, #menu-list a:link, #menu-list a:hover {
  color: #335B64
  text-decoration: none;
}
#menu-list a:active {
  color: #EB8A3D;
}
.explode {
  background: url(public/images/menu_minus.gif) no-repeat 0px 3px;
  font-weight: bold;
}
.collapse {
  background: url(public/images/menu_plus.gif) no-repeat 0px 3px;
  font-weight: bold;
}
.menu-item {
  /*background: url(images/menu_arrow.gif) no-repeat 0px 3px;*/
  font-weight: normal;
}
#help-title {
  font-size: 14px;
  color: #000080;
  margin: 5px 0;
  padding: 0px;
}
#help-content {
  margin: 0;
  padding: 0;
}
.tips {
  color: #CC0000;
}
.link {
  color: #000099;
}

.zxchoice{
   background-color:#66CCCC;
}
</style>

</head>
<body>
<div id="tabbar-div">
<p><span style="float:right; padding: 3px 5px;" ><a href="javascript:toggleCollapse();"><img id="toggleImg" src="public/images/menu_minus.gif" width="9" height="9" border="0" alt="闭合" /></a></span>
  <span class="tab-front" id="menu-tab">菜单</span>
</p>
</div>
<div id="main-div">
<div id="menu-list">
<ul id="menu-ul">
    	<li class="explode" key="1_members" name="menu">
     	用户管理       
		<ul>
			<li class="menu-item"><a href="./index.php?c=user&a=userlist" target="main-frame">用户列表</a></li>      
		</ul>
  </li> 
    	<li class="explode" key="2_members" name="menu">
     	道中管理       
		<ul>
			<li class="menu-item"><a href="./index.php?c=props&a=propsList" target="main-frame">道具列表</a></li>
			<li class="menu-item"><a href="./index.php?c=props&a=propsAdd" target="main-frame">添加道具</a></li>
			<li class="menu-item"><a href="./index.php?c=props&a=commodityList" target="main-frame">商品列表</a></li>
			<li class="menu-item"><a href="./index.php?c=props&a=commodityAdd" target="main-frame">添加商品</a></li>         
		</ul>
  </li> 
    	<li class="explode" key="3_members" name="menu">
     	日志管理       
		<ul>
			<li class="menu-item"><a href="./index.php?c=logs&a=logslist" target="main-frame">日志列表</a></li>
			<li class="menu-item"><a href="./index.php?c=logs&a=gamelist" target="main-frame">用户对局日志</a></li>          
		</ul>
  </li> 
            	<li class="explode" key="4_members" name="menu">
     	系统设置       
		<ul>
			<li class="menu-item"><a href="./index.php?c=system&a=conf" target="main-frame">系统配置</a></li>
                        <li class="menu-item"><a href="./index.php?c=system&a=room" target="main-frame">房间设置</a></li>
                        <li class="menu-item"><a href="./index.php?c=system&a=grade" target="main-frame">等级列表</a></li>
                        <li class="menu-item"><a href="./index.php?c=mail&a=mailList" target="main-frame">邮件列表</a></li>
			<li class="menu-item"><a href="./index.php?c=notice&a=noticelist" target="main-frame">公告列表</a></li>          
			<li class="menu-item"><a href="./index.php?c=notice&a=add" target="main-frame">发布公告</a></li>          
		</ul>
  </li> 
</ul>
</div>
<div id="help-div" style="display:none">
<h1 id="help-title"></h1>
<div id="help-content"></div>
</div>
</div>
<script>
	var toggle = 'open';//展开状态
        $('#toggleImg').click(function(){
                if(toggle == 'open'){
			$("#toggleImg").attr("src","/public/images/menu_plus.gif");
			$("#menu-list #menu-ul>li").removeClass("explode");
			$("#menu-list #menu-ul>li").addClass("collapse");
			$("#menu-list #menu-ul>li>ul").hide();
			toggle = 'closed';
		}else{
			$("#toggleImg").attr("src","/public/images/menu_minus.gif");
			$("#menu-list #menu-ul>li").removeClass("collapse");
			$("#menu-list #menu-ul>li").addClass("explode");
			$("#menu-list #menu-ul>li>ul").show();
			toggle = 'open';
		}
        })
        
        $('.menu-item').click(function(){
            $('#menu-ul').find('a').removeClass('zxchoice');
            $(this).find('a').addClass('zxchoice');
        })
</script>
</body>
</html>